<style>
    .hoverbg{
        background-color:rgba(0,0,255,0.15);
    }
</style>
<script>
    $(function(){
        var guider=$("#guider");
        guider.children('li').children('.sub_g').hide();
        guider.children('li').hover(function(){
            if(!$(this).hasClass('logo')&&!$(this).hasClass('service'))
                $(this).addClass('hoverbg');
            $(this).children("ul").stop(true,true).slideDown(400);
        },function(){
            $(this).removeClass('hoverbg');
            $(this).children("ul").stop(true,true).slideUp("fast");
        });
        $("#aboutus").children('li').hover(function(){
            $(this).css("background-color","rgba(0,0,255,0.3)");
        },function(){
            $(this).css("background-color","rgba(0,0,0,0.15)");
        });
    })
</script>
<ul id="guider">
    <li class="logo"><img src="{$ROOT}/image/logo.png" width="150" height="30" alt="logo"></li>
    <li><a href="{$ROOT}/index.html">首&nbsp;页</a></li>
    <li><a href="#">关于我们</a>
        <ul class="sub_g" id="aboutus">
            <li><a href="{$ROOT}/index/index/company.html">企业概况</a></li>
            <li><a href="{$ROOT}/index/index/honor.html">荣誉资质</a></li>
        </ul>
    </li>
    <li><a href="{$ROOT}/index/index/news.html">企业动态</a></li>
    <li><a href="{$ROOT}/index/index/product.html">产品中心</a></li>
    <li><a href="#">网上商城</a></li>
    <li><a href="{$ROOT}/index/index/join.html">招商加盟</a></li>
    <li><a href="{$ROOT}/index/index/connect.html">联系我们</a></li>
    <li class="service">服务热线 4001387787</li>
</ul>